import React, { Component } from 'react';

// 子传父
// 01: 在子组件中定义一个方法,该方法返回子组件中的数据, 然后在父组件中访问该方法,这样就可以获取子组件的数据的
// 02: 通过ref 属性直接获取子组件中的state 
// 03: 在父组件中定义一个方法,接收一个形参, 在子组件中调用该方法,将子组件的数据通过实参传递给父组件


class Child extends Component {
    state = {
        name: '',
        girlHero: ['邓亚萍', '张怡宁', '王蒙'],
        age: 100
    }
    render() {
        // console.log(this.props.fun());
        let { name } = this.state
        return (
            <div>
                <p>我是子组件--{this.props.fun().name}</p>
                <p>{name}</p>
            </div>
        );
    };
    getdatafromfather(data) {
        // console.log('data', data);
        this.setState({
            name: data.username
        })
    };
    transferdatatofather() {
        return this.state.girlHero
    };
    componentDidMount() {
        this.props.fun1(this.state.age)
        // console.log(this.props);
    }
}

export default Child;
